/* Notei melhor trabalhar com IDs do que com classes, 
pois esta herda configurações indesejadas, 
e algumas delas não tem como neutralizar. 
Visto que têm a configuração secreta do HTML da qual não se pode adivinhar ou imitar*/

#index{ /*   Antigo body{}   */
	background: #CCCCFF;
	
	/*background: url('../imagens/bg-body.gif') repeat-y center 0 fixed;*/
	
	margin-top: 2em;
	margin-left:auto; margin-right:auto;
/*se não definidos o navegador deixa uma pequena margem variável*/	
	min-width:27em; /*valor pra adequar-se a largura do #menu*/

		
	text-align:center; 
	height:100%; /*valor temporario para teste*/ margin-bottom:auto;
	
	width:100%;
	position:fixed;
	/*overflow:scroll;  infelizmente com posição fixada ele não dá scrolling mesmo com a tela menor que o conteúdo. */
}
#conteudo{ /*   Antigo body.conteudo{}   */
background:none; /*definido para dar opacidade 100%, predeterminando a cor do primeiro body*/

position:relative; /*redefinindo posição para deserdar o modo fixado do primeiro body;
Se fixed: a altura obedece a %. Se não fixed: enquadra-se ao conteúdo. */
width:*; 

height:90%;
color: #EE5500;
}
#scroll{

}
#menu {
	
	margin:auto;
	width: 25em;
	padding: 1em;
	background: #DDDDFF; box-shadow: 0px 0px 10px #EEEEFF;
	text-align: center;
	text-shadow: 0px 0px 5px #8888FF;
	
}
a.menulink:link {color: #8888FF; text-decoration: none;}
a.menulink:visited {color: #AAAAFF;}
a.menulink:hover {background: #AADDFF; box-shadow: 0px 0px 10px #AADDFF;} a.menulink:focus{background: #EEEEFF;}
a.menulink:active {text-decoration: underline;}

legend {
font-family:"Times New Roman", times, serif;
font-size: 18px;
}
fieldset {	box-shadow: 0px 0px 10px #FFFFFF;
	font-family:"Courier New"; font-size: 14px; line-height: 16px;
	overflow:auto;
	position:relative;
	width:*;
	height:100%; /* valor para encapsular o quadro de conteúdo dentro do corpo da página*/
	min-width:20em; 

	margin-top: 1em;

	border: 0px solid;
	/*border:1px solid;*/
	background: #EEEEFF;
	text-align: left;
	/*line-height:150%;*/
	
	/*padding-bottom:10%;*/
}

/*overflow:auto;*/
iframe{
vertical-align: sub;
border:0px;
width:80%;
height:80%;

}

img{
border: 1em solid #CCCCFF;
margin:1em;

box-shadow: 0px 0px 10px #8888BB;
position:static;
}

#imagens{border:2px solid red;
height:100%;
text-align:center;
margin:0px;
}